<template>
	<view>
		<!-- <view v-for="order in orders" :key="order.id" class="order-item">
      <text>{{ order.name }}</text> <!-- 假设订单对象有一个 name 属性 -->
		<!-- 其他订单详情 -->
		<!-- <button @click="deleteOrder(order.id)">删除</button>
    </view> -->
		<view class="flex flex-row justify-between padding background margin-top" v-for="(item,index) in orders"
			:key="index">
			<view class="flex flex-column">
					<u--text  text="活动名"></u--text>
				<u--text :text="item.orderStatus"></u--text>
				<u--text :text="item.totalMoney"></u--text>
				<u--text :text="item.createdAt"></u--text>
				<u-button type="info" class="bottom" text="删除订单" @click="deleteOrder(item.orderId)"></u-button>
			</view>
			<u--image :src="src" width="100px" height="120px" mode="widthFix"></u--image>
		</view>
		
	</view>
</template>

<script>
	export default {
		props: ["orders"],
		methods: {
			deleteOrder(orderId) {
			  // 触发父组件的删除订单方法
			  this.$emit('deleteOrder', orderId);
			  console.log('删除订单成功')
			}
		}
	}
</script>

<style>
	.order-list {
		/* 订单列表样式 */
	}

	.order-item {
		/* 单个订单项样式 */
	}
</style>